.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.space-around{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-start{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-end{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex-between-column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.three-text-hidden{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.many-text-hidden{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ten-text-hidden{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.single-text-hidden{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.toggle-show{
    animation: 1s toggleShow ease;
    -webkit-animation: 1s toggleShow ease;
    -moz-animation: 1s toggleShow ease;
}
@keyframes toggleShow{
    0%{opacity:0}
    50%{opacity:.75;}
    100%{opacity:1;}
}
@-webkit-keyframes toggleShow{
    0%{opacity:0}
    50%{opacity:.75;}
    100%{opacity:1;}
}
@-moz-keyframes toggleShow{
    0%{opacity:0}
    50%{opacity:.75;}
    100%{opacity:1;}
}
